<style lang="less" scoped>
.my-swipe{
  img{
    width:100%;
  }
}
</style>
<template>
  <div class>
    <van-notice-bar
      :text="text"
      left-icon="volume-o"
    />
    <van-swipe :autoplay="3000" indicator-color="white" class="my-swipe">
      <van-swipe-item v-for="(x,i) of images" :key="i">
        <img :src="x">
      </van-swipe-item>
    </van-swipe>
    <van-panel title="标题" desc="描述信息" status="状态">
      <div>内容</div>
    </van-panel>
    <van-grid :column-num="3">
      <van-grid-item v-for="value in 6" :key="value" icon="photo-o" text="文字" />
    </van-grid>
  </div>
</template>
<script>
import { mapState, mapMutations, mapActions } from "vuex";

export default {
  data() {
    return {
      text:'据美国广播公司（ABC）当地时间11月20日报道，当天，库克陪同特朗普参观了位于在得克萨斯州奥斯汀的工厂。在与特朗普的一番拉锯后，苹果决定继续在该工厂生产其最新款Mac Pro，并将于下月上市。',
      images: [
        "https://img.yzcdn.cn/vant/apple-1.jpg",
        "https://img.yzcdn.cn/vant/apple-2.jpg"
      ]
    };
  },
  computed: {
    ...mapState([])
  },
  created() {},
  mounted() {},
  methods: {
    ...mapMutations([]),
    ...mapActions([])
  },
  components: {
   
  }
};
</script>
